<template>
  <div id="app">
    <top_name></top_name>
    <top_info></top_info>
    <div class="father_div">
      <div class="main_left">
        <sidebar_type class="sidebar_type"></sidebar_type>
        <sidebar_alarm class="sidebar_alarm"></sidebar_alarm>
      </div>
      <div class="main_mid">
        <HelloWorld>
        </HelloWorld>
      </div>
      <div class="main_right">
        <sidebar_trend></sidebar_trend>
      </div>
    </div>
    <div class="bot">
      <div style="height: 1px;width: 100%"></div>
      <new_list class="Line_bot"></new_list>
    </div>
  </div>
<!--  <DrawingMap></DrawingMap>-->
</template>

<script>
import top_info from "./components/top_info.vue"
import top_name from "./components/top_name.vue"
import sidebar_type from './components/sidebar_type.vue'
import sidebar_alarm from "./components/sidebar_alarm.vue"
import HelloWorld from "@/components/map/map";
import new_list from "@/components/new_list/new_list";
import sidebar_trend from "@/components/sidebar_trend";
import DrawingMap from "@/components/draw/DrawingMap";

export default {
  name: 'App',
  components: {
    top_info,
    top_name,
    sidebar_type,
    sidebar_alarm,
    HelloWorld,
    new_list,
    sidebar_trend,
    DrawingMap
  }
}
</script>

<style lang="scss">
* {
  margin: 0px;
  padding: 0px;
}

#app {
  width: vw(1920);
  height: vh(1080);
  background-image: url("./assets/image/background.png");
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

//* {
//  margin: 0;
//  padding: 0;
//}
</style>
<style lang="scss">
.father_div {
  display: flex;
}


.BMap_cpyCtrl {
  display: none;
}

.anchorBL {
  display: none;
}

.bot {
  margin-left: vw(53);
  margin-top: vh(17);
  width: vw(1820);
  height: vh(260);
  background-image: url("./assets/bkg_list.png");
  background-size:100%;
}
.Line_bot{
  //margin-top: vh(30);
}

</style>
